<?php if (!defined('THINK_PATH')) exit(); /*a:3:{s:54:"E:\xhweb\webRoot\toolcms/app/index\view\index\app.html";i:1586742507;s:51:"E:\xhweb\webRoot\toolcms\app\index\view\com\he.html";i:1586240584;s:55:"E:\xhweb\webRoot\toolcms\app\index\view\com\footer.html";i:1586238894;}*/ ?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta name="misapplication-tap-highlight" content="no" />
    <meta name="HandheldFriendly" content="true" />
    <meta name="MobileOptimized" content="320" />
    <title></title>
    <link rel="stylesheet" href="/toolcms/static/layui/css/layui.css">
    <script type="text/javascript" src="/toolcms/static/js/vue.min.js"></script>
</head>
<body>

<div id="boxes">
    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
        <legend>apk下载列表</legend>
    </fieldset>
    <div style="padding: 20px; background-color: #F2F2F2;" v-for="(arr,index) in appList">
        <div class="layui-row layui-col-space15">
            <div class="layui-col-md12">
                <div class="layui-card">
                    <div class="layui-card-header">
                        <label for="" style="font-weight: bold">{{arr.name}}</label>
                        &nbsp;<label for="" style="float: right;opacity: 0.7;margin-right: 10px"><i class="layui-icon">&#xe66c;</i>版本：{{arr.ver}}</label>&nbsp;
                        <label for="" style="float: right;opacity: 0.7;margin-right: 10px"><i class="layui-icon">&#xe609;</i> {{to_date(arr.time)}}</label>
                    </div>
                    <div class="layui-card-body">
                        <div v-html="arr.desc">
                       </div>
                        <hr>
                        <a :download=arr.name :href=arr.url >  <button class="layui-btn" id="test7" type="button"><i class="layui-icon">&#xe601;</i>下载地址</button></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
    <script type="text/javascript" src="/toolcms/static/js/config.js"></script>
<script type="text/javascript" src="/toolcms/static/js/jquery.min.js"></script>
<script type="text/javascript" src="/toolcms/static/layui/layui.all.js"></script>
<script type="text/javascript" src="/toolcms/static/js/uedit/ueditor.config.js"></script>
<script type="text/javascript" src="/toolcms/static/js/uedit/ueditor.all.js"></script>

</body>


</html>
    <script type="text/javascript">
        $(function () {
            showVue();
            function showVue() {
                var middle_bot = new Vue({
                    el: '#boxes',
                    data: {
                        appList: [],
                    },
                    methods: {
                        getData() {
                            $.ajax({
                                type: "get",
                                url: 'index/api/apkList.html',
                                dataType:'json',
                                success: function (data) {

                                    middle_bot.appList=data.data;
                                },
                                error: function (res) {
                                    console.log(JSON.stringify(res));
                                }


                            })

                        }

                    }
                });


                middle_bot.getData();

            }

        })

    </script>